<template>
<!--  在线公证-->
  <div>
    <div style="width: 80%;margin: 0 auto">
      <div style="text-align: center">
        <h2 >在线公证</h2>
        <div class="spanLine"></div>
      </div>
      <div class="Online"  v-animate="'queue-bottom'">
        <div class="onlineImg">
          <img src="@/assets/images/serverall/gongzheng.png" alt="">
        </div>
        <div>
          <div style="width: 3.5rem;margin-left: 0.1rem;letter-spacing: 3px;">&emsp;&emsp;速裁通在线公证存证系统全程对线上发生的每个节点采用时间戳以及哈希（Hash）加密技术进行监控、甄别、固化与采集。通过防篡改加密，公证鉴定形成完整的的证据链数据，封存到系统中，并出具真实有效的证据链公证文书。</div>
          <div class="onlineButton">实时在线公证</div>
        </div>
      </div>

    </div>
  </div>
</template>

<script>
export default {
  name: "Online"
}
</script>

<style scoped lang="less">
  h2{
    font-size: 34px;
  }
.spanLine{
  margin-bottom: 76px;
}
.onlineImg{
  margin-right: 71px;
  img{
      width: 291px;
      height: 291px;
  }
}
.Online{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 88%;
  height: 100%;
  padding: 80px 0;
  border-radius: 30px;
  border: 1.92px solid rgba(6, 0, 1, 0.2000);
  margin:60px auto 120px auto;
  font-size: 22px;
  transition: all .7s;

}
.Online:hover{
  box-shadow: 0 0 19px 0 rgba(6, 0, 1, 0.2000);
}
.onlineButton{
  margin: 80px auto 0 auto;
  width: 284px;
  height: 67px;
  background: #1DD2AF;
  font-size: 30px;
  color: #FFFFFF;
  text-align: center;
  line-height: 67px;
  border-radius: 34px;
}
</style>
